<style type="text/css">
        .view-container-t {
            margin-left: 5px;
            width: 90%;
            height: 320px;
            padding: 3px;
            color: #FFF;
            font-size: 20px;
            border: 2px solid rgb(44, 152, 212);
            border-radius: 10px;
            /* Old Firefox */
            -moz-border-radius: 25px;
        }

        .view-container-f {
            margin-left: 5%;
            width: 90%;
            height: 180px;
            padding: 3px;
            color: #FFF;
            font-size: 20px;
            border: 2px solid rgb(44, 152, 212);
            border-radius: 10px;
            -moz-border-radius: 25px;
        }

        .img-circle {
            width: 150px;
            height: 150px;
        }

    </style>

<div class="col-md-12">

    <!--页眉-->
    <!--<div class="row col-md-12 text-center pageHead">
        <span class="title">
			请选择产品模板
		</span>
    </div>-->

    <!--菜单-->
    <div class="row col-md-12 mt50">
        <!-- <div class="col-md-2 mt20"  ng-repeat="data in functionArray">
            <product-view-cell 
                next="menuTail(url, params)"
                url="{{data.url}}"
                params="data"
                direction="t" 
                img="{{data.templete_img}}" 
                title-cn="{{data.templete_title}}" 
                title-en="{{data.templete_name}}" 
                description="{{data.templete_code}}"></product-view-cell>
        </div> -->

        <div class="col-md-2 mt20" ng-repeat="data in functionArray">
            <div class="view-container-t" 
            ng-click="goNewProduct(data)"
            >


            <div class="row col-xs-12 mt10">
                <img class="img-circle" ng-src="{{data.templete_img}}" 
                alt="description" style=" width: 110%;
                margin-left: -10px;"/>
            </div>
            <div class="row col-xs-12 view-title title-cn mt15">
                <div class="text-center" style="width: 100%;
                color: rgb(44, 152, 212);font-size: 18px;">
                {{data.templete_title}}
                </div>
            </div>
            <div class="row col-xs-12 view-title title-en mt5">
                <div class="text-center" style="width: 100%;
                color: rgb(44, 152, 212);font-size: 6px;">
                {{data.templete_name}}
                </div>
            </div>
            </div>

        </div>
    </div>
    <!--<div class="row col-md-12 mt20">
        <div class="col-md-3" ng-repeat="data in systemArray">
            <product-view-cell 
                next="menuTail(url, params)"
                url="{{data.url}}"
                params="{{data.params}}"
                direction="f" 
                img="{{data.img}}" 
                title-cn="{{data.titleCn}}" 
                title-en="{{data.titleEn}}" 
                description="{{data.description}}"></product-view-cell>
        </div>
    </div>-->

</div>

<style type="text/css">

    .title {
        font-size: 35px;
    }

    .pageHead {
        width: 100%;
        padding: 0px;
        color: #FFF;
        background-color: rgb(44, 152, 212);
    }

    .ng-scope {
        padding: 0px;
    }

    .row {
        margin-left: 0px;
    }
    
</style>